<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>表达式编辑器</title>
    <link type="text/css" rel="stylesheet" href="../../../resources/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="../../../resources/jquery-easyui/themes/default/easyui.css"></link>
	<link rel="stylesheet" type="text/css" href="../../../resources/jquery-easyui/themes/icon.css"></link>
    <link rel="stylesheet" href="../../flwcommo/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"></link>
    <link rel="stylesheet" type="text/css" href="../../../comon/css/toolbar.main.css"></link>
  	<link rel="stylesheet" href="../../../comon/css/grid.main.css" type="text/css"></link>
  	<style type="text/css">
  	*{
	  	font-size:12px;
	  	margin: 0;
		padding: 0;
		list-style: none;
  	}
  	a{
  		text-decoration: none;
  		color:#000000;
  	}
  	a:hover{
  		background:url(../images/m_item.gif);
  	}
  	.queckItem{
  		cursor: pointer;
  		text-decoration: none;
  	}
  	td.grid_label{
  		text-align: Center;
		vertical-align: Middle;
		font-size: 11pt;
		height: 22px;
		table-layout: fixed;
		word-break: break-all;
		border-right: 1px solid #ddd;
		background: url('../../../comon/css/footer_bg_h.gif') repeat-x;
  	}
  	</style>
  	<script type="text/javascript" src="../../../comon/js/jquery/jquery.min.js"></script>
  	<script type="text/javascript" src="../../flwcommo/zTree/js/jquery.ztree.core-3.1.js"></script>
  	<script type="text/javascript" src="../../../comon/js/comon.main.js?v=com_3.0.20230412"></script>
  	<script type="text/javascript" src="../js/simple-grid.js"></script>
  	<script type="text/javascript" src="../../../resources/jquery-easyui/jquery.easyui.min.js"></script>
  	<script type="text/javascript" src="../../../resources/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
  	<script type="text/javascript" src="../../../resources/layui/layui.js" charset="utf-8"></script>
  	<script type="text/javascript" src="expression-editer.js?v=com_3.0.20230412"></script>
  </head>
  <body style="overflow:hidden;">
	<div class="easyui-layout" border="false" fit="true">
		<div data-options="region:'center',border:false">
			<div class="easyui-layout" id="MyDiv" fit="true" border="false">
				<div data-options="region:'west',title:'函数列表',split:true" style="width: 300px;">
					<div style="background: #ffffff;">
							<ul id="FlowFoldertreeNode" class="ztree"></ul>
					</div>
				</div>
				<div data-options="region:'center',border:false">
					<div class="easyui-layout" fit="true" border="false">
						<div data-options="region:'north',title:'参数'" style="height: 280px;">
							<div style="width: 100%; height: 100%; overflow: auto; background: #ffffff;"
								id="parameterList"></div>
						</div>
						<div data-options="region:'center',title:'帮助'" style="overflow: hidden;">
							<div style="width: 100%; height: 100%; overflow: auto; background: #ffffff;"
								id="helperView"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div data-options="region:'south',split:true,border:false" style="height: 110px;">
			<div class="easyui-layout" data-options="border:false,fit:true">
					<div data-options="region:'north'" border="false" style="overflow: hidden;">
						<table width="100%" height="35px" style="background: url(../images/bg.gif);">
							<tr>
								<td style="line-height: 22px;">
									<form id="itemForm">
										<a href="javascript:void(0)" class="queckItem"
											style="width: 40px; height: 20px; text-align: center;" name="+">加(+)</a>
										&nbsp;
										<a href="javascript:void(0)" class="queckItem"
											style="width: 40px; height: 20px; text-align: center;" name="-">减(-)</a>
										&nbsp;
										<a href="javascript:void(0)" class="queckItem"
											style="width: 40px; height: 20px; text-align: center;" name="*">乘(*)</a>
										&nbsp;
										<a href="javascript:void(0)" class="queckItem"
											style="width: 40px; height: 20px; text-align: center;" name="/">除(/)</a>
										&nbsp;
										<a href="javascript:void(0)" class="queckItem"
											style="width: 40px; height: 20px; text-align: center;" name="=">等(=)</a>
										&nbsp;
										<img src="../images/grid-blue-split.gif" /> 
										<a
											href="javascript:void(0)" class="queckItem"
											style="width: 32px; height: 20px; text-align: center;"
											name="AND">AND</a> 
										&nbsp;
										<a href="javascript:void(0)"
											class="queckItem"
											style="width: 32px; height: 20px; text-align: center;"
											name="OR">OR</a> 
										<img src="../images/grid-blue-split.gif" /> 
										&nbsp;
										<a
											href="javascript:void(0)" class="queckItem"
											style="width: 10px; height: 20px; text-align: center;" name="(">(</a>
										&nbsp;
										<a href="javascript:void(0)" class="queckItem"
											style="width: 10px; height: 20px; text-align: center;" name=")">)</a>
										&nbsp;
										<a href="javascript:void(0)" class="queckItem"
											style="width: 32px; height: 20px; text-align: center;"
											name="TRUE">TRUE</a> 
										&nbsp;
										<a href="javascript:void(0)"
											class="queckItem"
											style="width: 32px; height: 20px; text-align: center;"
											name="FALSE">FALSE</a> 
										<img src="../images/grid-blue-split.gif" />
									</form>
								</td>
								<td style="line-height: 22px;">
								<a href="javascript:void(0)"
									style="width: 50px; height: 20px; text-align: center; line-height: 20px;"
									id="addButton" onclick="ExpressionEditer.addExpression()"> 
									<img src="../images/add.png" style="vertical-align: middle;"/> 添加
								</a> 
								&nbsp;
								<a href="javascript:void(0)"
									style="width: 50px; height: 20px; text-align: center; line-height: 20px;"
									id="deleteButton" onclick="ExpressionEditer.clearExpression()">
										<img src="../images/delete.png" style="vertical-align: middle;"/> 清除
								</a> 
								&nbsp;
								<img src="../images/grid-blue-split.gif" />
								&nbsp;
								<a href="javascript:void(0)"
									style="width: 50px; height: 20px; text-align: center; line-height: 20px;"
									id="checkButton" onclick="ExpressionEditer.checkExpression()">
										<img src="../images/checkvalidity.gif" style="vertical-align: middle;"/>
										检查
								</a></td>
							</tr>
					</table>
				</div>
				<div data-options="region:'center',border:false" style="overflow: hidden;">
			       <textarea style="width: 100%; height: 100%; min-height: 30px;" class="layui-textarea"
                             id="epressionEditerArea"></textarea>
				</div>
			</div>
		</div>
	</div>
  </body>
</html>
